<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>首页</title>
<link rel="stylesheet" href="../../Content/css/bootstrap.min.css" />
<link rel="stylesheet" href="../../Content/css/font-awesome.min.css" />
<link rel="stylesheet" href="../../Content/css/base.css" />
<link rel="stylesheet" href="../../Content/css/alertpublic.css" />
<link rel="stylesheet" type="text/css" href="../../Content/css/bootstrap-select.css">
<link rel="stylesheet" type="text/css" href="../../Content/css/star-rating.css" />
<link rel="stylesheet" type="text/css" href="../../Content/css/user.css"/>
</head>

<body>

<!-- Button trigger modal -->
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#zanTiZhiWei">
暂停职位
</button>

<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#bianGenFuZeRen">
变更负责人
</button>

<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#huiFuZhiWei">
恢复职位
</button>

<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#shanChuZhiWei">
删除职位
</button>

<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#buChongShuoMing">
添加职位补充说明
</button>



<!-- 暂停职位 -->
<div class="modal fade" id="zanTiZhiWei" tabindex="-1" role="dialog">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">暂停职位</h4>
      </div>
       <div class="modal-body">
        <div class="h4">确认定要暂停职位吗？</div>
        <div class="form-horizontal container-fluid">
        		<div class="form-group">
        			暂停原因
        		</div>
        		<div class="form-group">
        			<textarea name="" rows="3" class="form-control" cols=""></textarea>
        		</div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary"  data-dismiss="modal">确认</button>
      </div>
    </div>
  </div>
</div>


<!-- 变更负责人 -->
<div class="modal fade" id="bianGenFuZeRen" tabindex="-1" role="dialog">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">变更负责人</h4>
      </div>
      <div class="modal-body">
        <div class="h4">确定要变更XXXX职位负责人吗？</div>
        <div class="form-horizontal">
        		<div class="form-group">
                <label for="bs3Select" class="col-lg-4 control-label">变更为负责人：</label>
                <div class="col-lg-6">
                    <select id="bs3Select" class="selectpicker show-tick form-control" multiple data-live-search="true">
                        <option>cow</option>
                        <option>bull</option>
                         <option>bull</option>
                          <option>bull</option>
                           <option>bull</option>
                    </select>
                </div>
              </div>
        </div>
      </div>
      <div class="modal-footer">
      	<button type="button" class="btn btn-primary" data-dismiss="modal">确认</button>
      </div>
    </div>
  </div>
</div>




      
<!-- 恢复职位 -->
<div class="modal fade" id="huiFuZhiWei" tabindex="-1" role="dialog">
  <div class="modal-dialog" style="width:320px;">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">恢复职位</h4>
      </div>
      <div class="modal-body">
     	 <div class="h4"><img class="padding20" src="../../Content/images/warning.png" alt="" />确定要恢复职位吗？</div>
		</div>
      <div class="modal-footer">
      	 <button type="button" class="btn btn-primary" data-dismiss="modal">确认</button>
      </div>
    </div>
  </div>
</div>

<!-- 删除职位 -->
<div class="modal fade" id="shanChuZhiWei" tabindex="-1" role="dialog">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">删除职位</h4>
      </div>
      <div class="modal-body">
         <div class="h4 clearfix"><img class="padding20 pull-left" src="../../Content/images/warning.png" alt="" />  
         <div class="shanchuzhiwei">删除职位后，新推荐的候选人我们都会帮您拒绝，请谨慎操作。确定删除吗？</div>
         </div>
         <div class="form-horizontal clearfix">
         	<label for="" class="control-label col-md-2">原因：</label>
         	<div class="col-md-8">
         		<textarea name="" rows="3" class="form-control" cols=""></textarea>
         	</div>
         </div>
	 </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" data-dismiss="modal">确认</button>
      </div>
    </div>
  </div>
</div>


<!-- 添加职位补充说明 -->
<div class="modal fade" id="buChongShuoMing" tabindex="-1" role="dialog">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">为**添加补充说明</h4>
      </div>
      <div class="modal-body">
     	 <div class="form-horizontal">
     	 	<div class="form-group">
     	 		 <label for="" class="control-label col-md-3">适用范围：</label>
     	 		 <div class="col-md-7">
     	 		 	<select name="" class="form-control">
     	 		 		<option value="">只适用本职位，请本职位合作中的猎头公司注意</option>
     	 		 		<option value="">适合本公司所有职位，请所有合作中的猎头公司注意</option>
     	 		 	</select>
     	 		 </div>
     	 	</div>
			<div class="form-group">
		     	 <label for="" class="control-label col-md-3">说明内容：</label>		
		     	 <div class="col-md-7">
		     	 	<textarea name="" rows="3" class="form-control" cols=""></textarea>
		     	 </div>
			</div>
     	 	
     	 </div>
     	 <hr>
     	 <div class="container-fluid buchong-con">
     	 	<ul>
     	 		<li>
     	 			<div class="clearfix">
	     	 		<time class="pull-left">2015-8-3</time>
		     	 	<div class="pull-right">
		     	 		<a href="#">编辑</a>
		     	 		<a href="#">删除</a>
		     	 	</div>
		     	 	</div>
		     	 	<p>职位补充说明内容职 位补充说 明内容职位 补充说明内容职位补充说明内容职位补充说明内容职位补充说明内容职位补充说明内容职位
		     	 		补充说明内容职位补充说明内容职位补充说明内容
		     	 	</p>
     	 		</li>
     	 		<li>
     	 			<div class="clearfix">
	     	 		<time class="pull-left">2015-8-3</time>
		     	 	<div class="pull-right">
		     	 		<a href="#">编辑</a>
		     	 		<a href="#">删除</a>
		     	 	</div>
		     	 	</div>
		     	 	<p>职位补充说明内容职 位补充说 明内容职位 补充说明内容职位补充说明内容职位补充说明内容职位补充说明内容职位补充说明内容职位
		     	 		补充说明内容职位补充说明内容职位补充说明内容
		     	 	</p>
     	 		</li>
     	 	</ul>
     	 	
     	 </div>
		</div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" data-dismiss="modal">确认</button>
      </div>
    </div>
  </div>
</div>


<script src="../../Scripts/jquery.min.js"></script>
<script src="../../Scripts/bootstrap.min.js"></script>
<script type="text/javascript" src="../../Scripts/bootstrap-select.js"></script>
<script type="text/javascript" src="../../Scripts/star-rating.js"></script>
<script>
	$(function(){
		//多选下拉框调用
		$('.selectpicker').selectpicker();
		
        
	})
</script>
</body>
</html>
